<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>{$nickname}的推广二维码</title>
    <style>
        body{
            background:#dedede;
            font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
        }
        .container{
            width:94%;
            height:100%;
            margin:0 auto;
        }
        .qrcode img{
            width:100%;
            margin:0 auto;
        }
        img{
            width:215px;
            margin:0 auto;
        }
        .remark{
            margin-top:20px;
        }
        ol > li{
            font-size: 16px;
            line-height: 22px;
        }
        .guide_f{
            background:#000;
            opacity: 0.6;
            width:100%;
            position: absolute;
            top:0;
            left:0;
            bottom:0;
            right:0;
            z-index:22;
        }
        .guide_ff{
            width:100%;
            position: absolute;
            top:0;
            left:0;
            bottom:0;
            right:0;
            z-index: 23;
        }
    </style>
</head>
<!--所有页面由jay_medivh@foxmail.com强力驱动-->
<body>
<div class="container" id="qrcode">
    <div class="qrcode">
        <img src={$QrcodeUrl}>
    </div>
    <div class="guide_f"></div>
    <div class="guide_ff">
        <img id="shareaa" src="__PUBLIC__/images/share.gif" style="width:100%;position: relative;margin-top:25%">
    </div>
    <div class="remark">
        万水千山总是情，帮{$nickname}一把行不行！<br/>长按二维码点击识别关注公众号！
    </div>
    <!--<div class="remark">-->
        <!--<ol>-->
            <!--<foreach item="remark" name="remark">-->
                <!--<li>{$remark}</li>-->
            <!--</foreach>-->
        <!--</ol>-->
    <!--</div>-->
</div>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
    $(function(){
        $('.guide_ff').click(function(){
            $('.guide_f').hide();
            $('.guide_ff').hide();
            $('#shareaa').hide();
        })
    })
</script>
</body>
</html>